@charset "utf-8";
//鲁班商城确认订单信息

/* 导入public公共文件 */
@import 'public';

.header_content{
    @include header_content;
    .shop_process2,
    .shop_process3{
        span{
            background-color: #42cc63;
        }
        h5{
            color: #42cc63;
        }
        .border1{
            border-bottom: 3px solid #42cc63;
            right: 180px;
        }
    }
    .shop_process1{
        span{
            background-color: #d6d6d6;
        }
        h5{
            color: #d6d6d6;
        }
        .border1{
            right: 180px;
            border-bottom: 3px solid #d6d6d6;
        }
    }
}



#order_info{
    width: 1330px;
    margin: 20px auto;
    h3{
        font-size: 18px;
        color: #efefef;
    }
    .address_info{
        width: 100%;
        margin-top: 30px;
        border: 1px solid #efefef;
        .distribution{
            width: 1200px;
            margin: auto;
            p{ 
                color: red;
                margin: 0 0 70px 20px;
            }
        }
        .user_address{
            width: 1200px;
            height: 40px;
            line-height: 40px;
            background-color: #efefef;
            margin: 30px auto;
            border-radius: 3px;
            p{
                margin-left: 20px;
                font-size: 16px;
            }
        }
        .user_add_info{
            width: 1200px;
            margin: auto;
            .address1{
                width: 300px;
                position: relative;
                transition: all 300ms;
                bottom: 0;
                margin-left: 10px;
                &:hover{
                    bottom: 5px;
                    box-shadow: 1px 1px 5px #b8b8b8;
                }
                label{
                    display: block;
                    padding: 20px;
                    height: 100%;
                    cursor: pointer;
                }
                input{
                    display: none;
                    &:checked+label{
                        border: 1px solid #42cc63;
                    }
                }

            }
        }
    }
    .order_remarks{
        width: 100%;
        background-color: #efefef;
        span{
            width: 100px;
            height: 75px;
            line-height: 75px;
            margin: 30px 0 0 30px;
        }
        textarea{
            width: 80%;
            height: 96px;
            max-height: 96px;
            max-width: 80%;
            margin: 30px 0;
            vertical-align: top;
            border-radius: 2px;
            padding: 10px;
            font-size: 12px;
            overflow-x:hidden;
            overflow-y:hidden
        }
    }
    .place_order{
        width: 100%;
        margin: 50px 0;
        p{
            padding-bottom: 15px;
            border-bottom: 1px solid #efefef;
        }
        .place_btn{
            h5{
                margin: 20px 0;
                font-size: 18px;
                span{
                    color: red;
                }
            }
            input{
                @include input_reusing;
            }
        }
    }
}
